<%--<%@ page language="java" contentType="text/html; charset=UTF-8"--%>
<%--         pageEncoding="UTF-8"%>--%>
<%--<!DOCTYPE html>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <meta charset="UTF-8">--%>
<%--    <title>Insert title here</title>--%>
<%--    <!-- http://localhost:8080/atcrowdfunding02-admin-webui/test/ssm.html -->--%>
<%--    <base href="http://${pageContext.request.serverName }:${pageContext.request.serverPort }${pageContext.request.contextPath }/"/>--%>
<%--    <script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script>--%>
<%--    <script type="text/javascript">--%>

<%--        $(function(){--%>

<%--            $("#btn4").click(function(){--%>

<%--                // 准备要发送的数据--%>
<%--                var student = {--%>
<%--                    "stuId": 5,--%>
<%--                    "stuName":"tom",--%>
<%--                    "address": {--%>
<%--                        "province": "广东",--%>
<%--                        "city": "深圳",--%>
<%--                        "street":"后瑞"--%>
<%--                    },--%>
<%--                    "subjectList": [--%>
<%--                        {--%>
<%--                            "subjectName": "JavaSE",--%>
<%--                            "subjectScore": 100--%>
<%--                        },{--%>
<%--                            "subjectName": "SSM",--%>
<%--                            "subjectScore": 99--%>
<%--                        }--%>
<%--                    ],--%>
<%--                    "map": {--%>
<%--                        "k1":"v1",--%>
<%--                        "k2":"v2"--%>
<%--                    }--%>
<%--                };--%>

<%--                // 将JSON对象转换为JSON字符串--%>
<%--                var requestBody = JSON.stringify(student);--%>

<%--                // 发送Ajax请求--%>
<%--                $.ajax({--%>
<%--                    "url":"send/compose/object.json",--%>
<%--                    "type":"post",--%>
<%--                    "data":requestBody,--%>
<%--                    "contentType":"application/json;charset=UTF-8",--%>
<%--                    "dataType":"json",--%>
<%--                    "success":function(response){--%>
<%--                        console.log(response);--%>
<%--                    },--%>
<%--                    "error":function(response){--%>
<%--                        console.log(response);--%>
<%--                    }--%>
<%--                });--%>

<%--            });--%>

<%--            $("#btn3").click(function(){--%>

<%--                // 准备好要发送到服务器端的数组--%>
<%--                var array = [5, 8, 12];--%>
<%--                console.log(array.length);--%>

<%--                // 将JSON数组转换为JSON字符串--%>
<%--                var requestBody = JSON.stringify(array);--%>
<%--                // "['5','8','12']"--%>
<%--                console.log(requestBody.length);--%>

<%--                $.ajax({--%>
<%--                    "url": "send/array/three.html",			// 请求目标资源的地址--%>
<%--                    "type": "post",						// 请求方式--%>
<%--                    "data": requestBody,				// 请求体--%>
<%--                    "contentType": "application/json;charset=UTF-8",	// 设置请求体的内容类型，告诉服务器端本次请求的请求体是JSON数据--%>
<%--                    "dataType": "text",					// 如何对待服务器端返回的数据--%>
<%--                    "success": function(response) {		// 服务器端成功处理请求后调用的回调函数，response是响应体数据--%>
<%--                        alert(response);--%>
<%--                    },--%>
<%--                    "error":function(response) {		// 服务器端处理请求失败后调用的回调函数，response是响应体数据--%>
<%--                        alert(response);--%>
<%--                    }--%>
<%--                });--%>

<%--            });--%>

<%--            $("#btn2").click(function(){--%>

<%--                $.ajax({--%>
<%--                    "url": "send/array/two.html",			// 请求目标资源的地址--%>
<%--                    "type": "post",						// 请求方式--%>
<%--                    "data": {							// 要发送的请求参数--%>
<%--                        "array[0]": 5,--%>
<%--                        "array[1]": 8,--%>
<%--                        "array[2]": 12--%>
<%--                    },--%>
<%--                    "dataType": "text",					// 如何对待服务器端返回的数据--%>
<%--                    "success": function(response) {		// 服务器端成功处理请求后调用的回调函数，response是响应体数据--%>
<%--                        alert(response);--%>
<%--                    },--%>
<%--                    "error":function(response) {		// 服务器端处理请求失败后调用的回调函数，response是响应体数据--%>
<%--                        alert(response);--%>
<%--                    }--%>
<%--                });--%>

<%--            });--%>

<%--            $("#btn1").click(function(){--%>

<%--                $.ajax({--%>
<%--                    "url": "send/array/one.html",			// 请求目标资源的地址--%>
<%--                    "type": "post",						// 请求方式--%>
<%--                    "data": {							// 要发送的请求参数--%>
<%--                        "array": [5,8,12]--%>
<%--                    },--%>
<%--                    "dataType": "text",					// 如何对待服务器端返回的数据--%>
<%--                    "success": function(response) {		// 服务器端成功处理请求后调用的回调函数，response是响应体数据--%>
<%--                        alert(response);--%>
<%--                    },--%>
<%--                    "error":function(response) {		// 服务器端处理请求失败后调用的回调函数，response是响应体数据--%>
<%--                        alert(response);--%>
<%--                    }--%>
<%--                });--%>

<%--            });--%>
<%--        });--%>

<%--    </script>--%>
<%--</head>--%>
<%--<body>--%>

<%--<a href="test/ssm.html">测试SSM整合环境</a>--%>

<%--<br/>--%>
<%--<br/>--%>

<%--<button id="btn1">Send [5,8,12] One</button>--%>

<%--<br/>--%>
<%--<br/>--%>

<%--<button id="btn2">Send [5,8,12] Two</button>--%>

<%--<br/>--%>
<%--<br/>--%>

<%--<button id="btn3">Send [5,8,12] Three</button>--%>

<%--<br/>--%>
<%--<br/>--%>

<%--<button id="btn4">Send Compose Object</button>--%>

<%--</body>--%>
<%--</html>--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<html>
<head>
    <title>首页</title>
    <base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/"/>
    <script src="jquery/jquery-2.1.1.min.js"></script>
<%--    <script src="layer/layer.js"></script>--%>
    <script>
        $(function () {
            $('#btnArr').click(function () {

                $.ajax({
                    url: 'send/array.html',
                    type: 'post',
                    data: {"array":[5,6,8]},
                    dataType: 'text',
                    success: function (data) {
                        alert(data)
                    },
                    error: function (error) {
                        alert(error)
                    }
                });
            });

            $("#btnObj").click(function () {
                // 准备要发送的数据
                var student = {
                    "stuId": 5,
                    "stuName": "tom",
                    "address": {
                        "province": "广东",
                        "city": "深圳",
                        "street": "后瑞"
                    },
                    "subjectList": [
                        {
                            "subjectName": "JavaSE",
                            "subjectScore": 100
                        }, {
                            "subjectName": "SSM",
                            "subjectScore": 99
                        }
                    ],
                    "map": {
                        "k1": "v1",
                        "k2": "v2"
                    }
                };

                // 将JSON对象转换为JSON字符串
                var requestBody = JSON.stringify(student);

                // 发送Ajax请求
                $.ajax({
                    "url": "send/obj.json",
                    "type": "post",
                    "data": requestBody,
                    "contentType": "application/json;charset=UTF-8",
                    "dataType": "json",
                    "success": function (response) {
                        console.log(response);
                    },
                    "error": function (response) {
                        console.log(response);
                    }
                });
            });

        })
    </script>
</head>
<body>
<a href="test/json.json">测试json</a>
<a href="test/ssm.html">测试SSM</a>
<br>
<br>
<button id="btnArr">send [5,8,12] One</button>
<br>
<br>
<button id="btnObj">send Student</button>
<br>
<br>
<button id="btnWin">点我弹窗</button>
</body>
</html>
